<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>集运帮 - 专注于集运货代行业。</title>

    <link href="docs/css/zui.min.css" rel="stylesheet">
    <link href="docs/css/doc.min.css" rel="stylesheet">
	<style>
	.header{ position:fixed; margin-top:0;width: 100%; z-index:999; }
	</style>
    <link rel="shortcut icon" href="docs/favicon.ico" type="image/x-icon">
    <link rel="icon" href="docs/favicon.ico" type="image/x-icon">
  </head>
  <body>

	<div spellcheck="false" class="header">
      <nav class="navbar-inverse" role="navigation" >
        <div class="collapse navbar-collapse navbar-collapse-example">
          <ul class="nav navbar-nav" style="margin: 5px 80px;">
			<li><a href="#ccxx">集运帮</a></li>
			<li><a href="#ccxx">船舶信息</a></li>
			<li><a href="#ypcd">预配舱单</a></li>
			<li><a href="#jxjh">进箱计划</a></li>
			<li><a href="#hgfx">海关放行</a></li>
			<li><a href="#cqjh">船期计划</a></li>
			<li><a href="#gqxx">港区信息</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">上海港区 <b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">船舶计划</a></li>
				<li><a href="#">预配计划</a></li>
                <li class="divider"></li>
                <li><a href="#">海关查验</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">全国港区 <b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">宁波港区</a></li>
                <li class="divider"></li>
				<li><a href="#">深圳港</a></li>
				<li><a href="#">厦门港</a></li>
				<li><a href="#">广州港</a></li>
              </ul>
            </li>
			<li><a href="#">关于我们</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right" style="margin: 5px">
			<li><a href="#">登陆</a></li>
		    <li><a href="#">注册</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">jyb <b class="caret"></b></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">个人中心</a></li>
                <li><a href="#">修改密码</a></li>
                <li class="divider"></li>
                <li><a href="#">退出</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>
    </div><br><br><br>


    <div id="grids">
      <div class="container">
		<div class="messager-example messager-success">
			<div class="messager-content"><i class="icon-bell-alt"></i>提示消息：重大版本更新,<a class="alert-link" href="#">请更新</a></div>
			<div class="messager-actions"><button type="button" class="close action">×</button></div>
		</div><br>


<div class="panel" contenteditable="true" style="margin-bottom: 10px;">
	<div class="panel-heading"><i class="icon-plane"></i>&nbsp;船舶信息</div>
	<div class="panel-body">
		<div class="input-group">
			<span class="input-group-addon"><i class="icon-building"></i></span>
            <input type="text" class="form-control" placeholder="请输入船名或航次">
			<span class="input-group-btn"><button class="btn btn-default" type="button">搜索</button></span>            
		</div>
		<table class="table table-bordered" style="margin-top:2px;">
        <thead>
          <tr>
            <th>船名</th>
            <th>航次</th>
            <th>码头</th>
            <th>预计离港</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>XIN J</td>
            <td>2143</td>
            <td>军工路</td>
            <td>20150606</td>
          </tr>
        </tbody>
      </table>
	</div>
</div>


<div class="panel" style="margin-bottom: 10px;">
	<div class="panel-heading"><i class="icon-plane"></i>&nbsp;预配舱单</div>
	<div class="panel-body">
		<div class="input-group">
			<span class="input-group-addon"><i class="icon-building"></i></span>
            <input type="text" class="form-control" placeholder="请输入提单号">
			<span class="input-group-btn"><button class="btn btn-default" type="button">搜索</button></span>            
		</div>
		<table class="table table-bordered" style="margin-top:2px;">
        <thead>
          <tr>
            <th>船名</th>
            <th>航次</th>
            <th>提单号</th>
            <th>预配状态</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>XIN J</td>
            <td>2143</td>
            <td>SHMU09338</td>
            <td>已发送至海关</td>
          </tr>
        </tbody>
      </table>
	</div>
</div>


<div class="panel" style="margin-bottom: 10px;">
	<div class="panel-heading"><i class="icon-plane"></i>&nbsp;进箱计划</div>
	<div class="panel-body">
		<div class="input-group">
			<span class="input-group-addon"><i class="icon-building"></i></span>
            <input type="text" class="form-control" placeholder="请输入船名或航次">
			<span class="input-group-btn"><button class="btn btn-default" type="button">搜索</button></span>            
		</div>
		<table class="table table-bordered" style="margin-top:2px;">
        <thead>
          <tr>
            <th>船名</th>
            <th>航次</th>
            <th>开港</th>
            <th>截港</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>XIN J</td>
            <td>2143</td>
            <td>2015-06-30 12:00:00</td>
            <td>2015-06-30 16:00:00</td>
          </tr>
        </tbody>
      </table>
	</div>
</div>

<a name="hgfx"></a>
<div class="panel" style="margin-bottom: 10px;">
	<div class="panel-heading"><i class="icon-plane"></i>&nbsp;海关放行</div>
	<div class="panel-body">
		<div class="input-group">
			<span class="input-group-addon"><i class="icon-building"></i></span>
            <input type="text" class="form-control" placeholder="请输入提单号">
			<span class="input-group-btn"><button class="btn btn-default" type="button">搜索</button></span>            
		</div>
		<table class="table table-bordered" style="margin-top:2px;">
        <thead>
          <tr>
            <th>船名</th>
            <th>航次</th>
            <th>提单号</th>
            <th>箱号</th>
			<th>码头</th>
			<th>放行状态</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>XIN J</td>
            <td>2143</td>
            <td>SHMU09338</td>
            <td>SE09338</td>
			<td>外四期</td>
			<td>已放行</td>
          </tr>
        </tbody>
      </table>
	</div>
</div>

<a name="cqjh"></a>
<div class="panel" style="margin-bottom: 10px;">
	<div class="panel-heading"><i class="icon-plane"></i>&nbsp;船期计划</div>
	<div class="panel-body">
		<div class="input-group">
			<span class="input-group-addon"><i class="icon-building"></i></span>
            <input type="text" class="form-control" placeholder="请输入船名或航次">
			<span class="input-group-btn"><button class="btn btn-default" type="button">搜索</button></span>            
		</div>
		<table class="table table-bordered" style="margin-top:2px;">
        <thead>
          <tr>
            <th>船名</th>
            <th>航次</th>
            <th>进出口</th>
            <th>计划靠泊</th>
			<th>实际靠泊</th>
			<th>计划离泊</th>
			<th>实际离泊</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>XIN J</td>
            <td>2143</td>
            <td>E</td>
            <td>2015-06-30 12:00:00</td>
			<td>2015-06-30 12:10:00</td>
			<td>2015-06-30 12:00:00</td>
			<td>2015-06-30 14:20:00</td>
          </tr>
        </tbody>
      </table>
	</div>
</div>

<a name="gqxx"></a>
<div class="panel" style="margin-bottom: 10px;">
<div class="panel-heading"><i class="icon-anchor"></i>&nbsp;港区信息(自动识别提单号或箱号)</div>
<div class="panel-body">

<div class="input-group">
			<span class="input-group-addon"><i class="icon-building"></i></span>
            <input type="text" class="form-control" placeholder="请输入提单号或箱号, 自动识别港区...">
            <div class="input-group-btn">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">搜索 <span class="caret"></span></button>
              <ul class="dropdown-menu pull-right" role="menu">
                <li><a href="#">自动识别</a></li>
				<li class="divider"></li>
                <li><a href="#">外一</a></li>
                <li><a href="#">外二</a></li>
                <li class="divider"></li>
                <li><a href="#">洋一</a></li>
				<li><a href="#">洋三</a></li>
              </ul>
            </div><!-- /btn-group -->
          </div>
		<table class="table table-bordered" style="margin-top:2px;">
        <thead>
          <tr>
            <th>箱号</th>
            <th>进场时间</th>
            <th>出场实际</th>
            <th>码头放关</th>
			<th>国检放关</th>
			<th>提单号</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>SE09338</td>
            <td>2015-06-30 12:00:00</td>
            <td>2015-06-30 15:00:00</td>
            <td>Y</td>
			<td>N</td>
			<td>SHMU09338(77;10080;25;报关放关)</td>
          </tr>
        </tbody>
      </table>
</div>
</div>

      </div>
    </div>

    <footer>
      <div class="container">
        <hr><p class="text-muted"><small>© 2010-2015 上海国际港口集团</small></p>
      </div>
    </footer>

    <!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
    <script src="assets/jquery.js"></script>

    <!-- ZUI Javascript组件 -->
    <script src="docs/js/zui.min.js"></script>
    <script src="docs/js/doc.min.js"></script>

    <!-- 增强文档插件 -->
    <script async src="assets/google-code-prettify/prettify.js"></script>
    <script async src="assets/marked/marked.min.js"></script>
  </body>
</html>
